<template>
  <div>
    <div>
      <van-nav-bar
        title="视频训练"
        left-arrow
        @click-left="onClickLeft"
      />
    </div>
    <div>
      <div>
      <van-tabs color="black">
        <van-tab v-for="index in 8" :title="'标签 ' + index" class="video">
          <div class="video-box">
            <img src="" alt="">
            <div class="video-tex">
              <p>拉脖子</p>
              <p>5次/难度3/111111人训练过</p>
            </div>
          </div>
        </van-tab>
      </van-tabs>
    </div>
    </div>
  </div>

</template>
<script>
  export default{
    name:'d-video',
    methods:{
      onClickLeft(){
        this.$router.go(-1)
      }
    }
  }
</script>
<style scoped>
  .video{
    box-sizing: border-box;padding: 0 10px 15px 10px;position: relative;margin-top:7px;
  }
  .video-box{
    height: 125px;width: 100%;
  }
  .video-tex{
    position: absolute;left: 66px;top: 60px;
  }
  .video-box:before,.video-box:after{content:" ";display:table}
  .video-box:after{clear:both}
  .video:before,.video:after{content:" ";display:table}
  .video:after{clear:both}
</style>
